import React, { Component } from 'react';
import './App.css'
import {Redirect, Route, Switch} from 'react-router-dom';
import Home from './pages/Home'
import Recharge from './pages/Recharge'
import BookShelf from './pages/Bookshelf';
import My from './pages/My'
import Class from './pages/Class';
import List from './pages/List'
import Package from './pages/Package';
import Free from './pages/Free'
import Client from './pages/Client';
import Detail from './pages/Detail'
import BookClass from './pages/BookClass';
import Login from './pages/Login'
class APP extends Component {
    render() {
        return (
            <div className='App'>
                <Switch>
                    <Route path="/home" component={Home}></Route>
                    <Route path="/recharge" component={Recharge}></Route>
                    <Route path="/bookshelf" component={BookShelf}></Route>
                    <Route path="/my" component={My}></Route>
                    <Route path="/class" component={Class}></Route>
                    <Route path="/list" component={List}></Route>
                    <Route path="/package" component={Package}></Route>
                    <Route path="/free" component={Free}></Route>
                    <Route path="/client" component={Client}></Route>
                    <Route path="/detail/:id" component={Detail}></Route>
                    <Route path="/bookcalss" component={BookClass}></Route>
                    <Route path="/login" component={Login}></Route>
                </Switch>
                <Redirect to="/home/selected"></Redirect>
            </div>
        );
    }
}
export default APP

